import React from "react";
import { useNavigate } from "react-router-dom";
import { ResultPage,NavBar } from "antd-mobile";
function Index() {
  const navigate=useNavigate()
  const details = [
    {
      label: "收款方",
      value: "张三",
      bold: true,
    },
    {
      label: "付款方式",
      value: "账户余额",
    },
    {
      label: "转账金额",
      value: "¥100.00",
    },
    {
      label: "转账金额",
      value: "¥100.00",
    },
    {
      label: "转账金额",
      value: "¥100.00",
    },
  ];
  return (
    <div>
      <NavBar onBack={()=>navigate('/')}>订单完成</NavBar>
      <ResultPage
        status="success"
        title="付款成功"
        description="内容详情可折行，建议不超过两行建议不超过两行建议不超过两行"
        details={details}
      />
    </div>
  );
}

export default Index;
